import React from 'react';
import { Card, Row, Col, Layout } from 'antd';


const { Meta } = Card;
const { Content } = Layout;
class UserDetail extends React.Component {
  render() {
    // console.log(this.props);
    return (
      <div>
        <Layout>
          <Content>
            <Row>
              <Col span={8}>
                <Card
                  hoverable
                  cover={<img alt="test" src="https://os.alipayobjects.com/rmsportal/QBnOOoLaAfKPirc.png" />}
                >
                  <Meta
                    title={this.props.location.query ? this.props.location.query.user_name : ''}
                    description="西南科技大学计算机1502"
                  />
                </Card>
              </Col>
              <Col span={16} push={4} />
            </Row>
          </Content>
        </Layout>
      </div>
    );
  }
}

export default UserDetail;
